<ui:composition template="/WEB-INF/templates/FrontOffice/BasicTemplate.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    
    <ui:define name="title">Inscription</ui:define>


	<ui:define name="content">
		<h:form>

		<p:panel header="#{msgs1.label_compte_client}">
        <p:messages id="messages" showDetail="true" autoUpdate="true"/>  
  
        <h:panelGrid columns="2" id="matchGrid">
          	<h:outputText value="#{msgs1.label_civilite}: *" />  
	        <p:selectOneMenu value="#{buttonBean.numCivilite}" required="true">  
	            <f:selectItem itemLabel="" itemValue="" />  
	            <f:selectItem itemLabel="M." itemValue="1" />  
	            <f:selectItem itemLabel="Mme." itemValue="2" />  
	        </p:selectOneMenu>
	        
	        <h:outputText value="#{msgs1.label_nom}: *" required="true">
            <p:inputText value="#{clientBean.nom}" />
                   
	        <h:outputText value="#{msgs1.label_prenom}:" />  
            <p:inputText value="#{clientBean.prenom}" />
            
            <h:outputLabel for="pwd1" value="#{msgs1.label_mdp}: *" />  
            <p:password id="pwd1" value="#{clientBean.motDePasse1}" match="pwd2" label="#{msgs1.label_mdp}" required="true" feedback="true"
            
	            promptLabel="#{msgs1.label_mdp_saisir}"
	            weakLabel="#{msgs1.label_mdp_faible}"
	            goodLabel="#{msgs1.label_mdp_moyen}"
	            strongLabel="#{msgs1.label_mdp_fort}"
            />

            <h:outputLabel for="pwd2" value="#{msgs1.label_mdp_verification}: *" />  
            <p:password id="pwd2" value="#{clientBean.motDePasse2}" label="#{msgs1.label_mdp_verification}" required="true" />  
        </h:panelGrid>  
  
        <p:commandButton id="saveButton" update="matchGrid" value="#{msgs1.label_enregistrement}" />  
    </p:panel> 
    
    </h:form>

		
	</ui:define>
</ui:composition>